Top 18 Stunning Slideshow Image HTML Projects

1. Ultimate Grid Responsive Gallery

featured image

This is HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for grid and when you click on it open the lightbox it will load the normal image, you can specify text for the captions and for the lightbox. Lightbox slideshow (play, pause, auto-play)

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. HTML5 Photo Gallery - Resizable Album Grid XML

featured image

The jQuery gallery photo – Resizable Album Grid XML is size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add gallery in a place which you have chosen in your website and gallery will adapt. - Bulk image preloader, it’s a feature for fast loading and displaying the photos, the images are loading in the background. - Maximize / minimize button for the big image with panning, (optional). - Support any type image format, (landscape, portrait or whatever)!

- Keyboard support you can navigate between the large images with the right and left key and start or stop slideshow with the space key. - Info window for each image, each image can have a info/description window, this window can be styled with css, it has full css support (optional).

More Details

4. jQuery 3D Object Show

featured image

Option to set the background color or background image.Detail Help Html File included.

More Details

5. HTML5 Random Gallery Slideshow

featured image

HTML5 Random Gallery Slideshow is size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and gallery will adapt. HTML5 Random Gallery Slideshow comes in with 3 different embed styles: Fixed Dimensions, Full Width and Full Screen. ThHTML5 Random Gallery Slideshow plugin can be embedded WordPress and you will receive, along with the download files, the complete instructions in the help file. Bulk image preloader, it’s a feature for fast loading and displaying the photos, the images are loading in the background.Support any type image format, (landscape, portrait or whatever)!

Keyboard support you can navigate between the large images or thumbs with the right and left key for the large images and up and down key for the thumbs and start or stop slideshow with the space key. Info button and info window for each image, each image can have a info/description window, this window can be styled with css, it has full css support (optional). image description/info window is also flexible / fluid, this mean that it will resize to always fit the screen, it dose not matter what device is used or the screen resolution, text will always be visible, if there is too much text on pc scrollbar will appear and on mobile text can be scrolled with the finger.

More Details

6. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Basically the grid is added into html page into div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the number thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

7. Facebook Images Gallery

featured image

- You can customize the caption of each imported image

- Galleria type display (Slideshow type)

- Created a builder tool enabling you to customize your photos display and automatically generate the codes copy paste into any HTML page !Images gallery with import feature

More Details

8. JQuery Thumbnail Gallery With LightBox

featured image

Thumbnail boxes support any HTML element inside them. Supports any HTML element inside

Toggle inner slideshow number (start/stop)

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Stack Banner Slideshow with Captions

More Details

9. HTML5 Flow Responsive Slider

featured image

HTML5 Flow Responsive Slider has a flexible / fluid / responsive layout, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add gallery in a place which you have chosen in your website and gallery will adapt. HTML5 Flow Responsive Slider comes in with four different embed styles: Fixed Dimensions, Full Width, Full Screen and Flexible Style, please not that the flexible style will make slider adapt the width and height based on html element into which is embedded so example if you want to add the slider in div and div has a 100% height slider will adapt based on that, this is a unique and amazing feature. Slideshow preloader bar, the color and opacity for this bar can be modified. Support any type image format, (landscape, portrait or whatever)!

Keyboard support you can navigate between images with the right and left keys and start stop the slideshow with the space key. Info button and info window for each image, each image can have a info/description window, thwindow can be styled with css, it has full css support (optional). image description/info window is also flexible / fluid, this mean that it will resize to always fit the screen, it dose not matter whdevice is used or the screen resolution.

More Details

10. Auto Grid Responsive Gallery

featured image

Lightbox with slideshow (play, pause, auto-play)

Easy implementation ever so you can add it to your page super fast and easy, and also make more instances very quick (just by adding HTML line of code)

New Feature: If you want link to a page when you click on an image instead

of opening a light box just in the name of image specify the url like this:

More Details

11. Responsive Gridfolio

featured image

Basically grid is added into a popup HTML page jQuery into div of your chosing and it’s adapting based of that div’s width, grid height is modified based on thumbnails and if other elements are below grid div they will be pushed down automatically (document flow). gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. Pure OOP JavaScript code, no usage jQuery or other libraries, in this way there will be no incompatibilities HTML pages that might be using jQuery or other JavaScript libraries. Support for any number images and each image can be of any size, but proportional to a base thumb width and height

Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, text can be formatted with CSS, background color and opacity also can be modified (optional). Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

12. Draggable Infinite Grid with Lightbox

featured image

Basically grid is added into HTML page into div of your choice and it adapts based of that div’s width and height. Pure OOP JavaScript code, no usage jQuery or other libraries, in this way there will be no incompatibilities HTML pages that might be using jQuery or other JavaScript libraries. Thumbnail small icons: small icons which appear when thumbnail is selected, these icons are of three types (video, link and image) (optional).Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

13. Titan Lightbox

featured image

TITAN is an awesome lightbox gallery script which supports a wide assortment of images, html content, maps, and videos.Display images, videos, HTML , Iframes, Ajax requests and SWF

Slideshow for galleries with autoplay.Silent image preloading for upcoming contents.

More Details

14. Dead Simple Gallery

featured image

The script does all the tedious work for you, by automatically creating caching thumbnails and big images, it outputs a (X)HTML list thumbnails link to bigger image versions.It acts as a straightforward gallery CMS – add remove images from your gallery folder and the website will update automatically, rename the images and image titles will update based image names, cute_dogPhoto. image thumbnails are created automatically — it’s a lot faster than creating thumbnails in Photoshop or any other app.Image slideshows. Images list generated by a Dead Simple Gallery can be converted to slideshow in no time!

generates images on the fly, this applies both thumbnail and big image previews,

automatic conversion image file names to human friendly alt and title attributes, cute_dogPhoto. easy integration image slideshows,

supports both HTML & XHTML,

big image dimensions,

image operation type (available crop and scale),

HTML output type – HTML or XHTML,

NEW! – Full controll over HTML output with placeholders

Basic HTML & CSS knowledge (if you wish to style the gallery)

New feature added – Added full HTML output control with placeholders.

More Details

15. Horizontal Gridfolio Pro

featured image

lightbox can display images, iframe (html pages) videos loaded from YouTube or Vimeo. Horizontal Gridfolio Pro can be used in any type of HTML scroller including Wordpress, at thlink there is demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, grid must be installed manually with slideshow HTML code generator and images uploaded with ftp client, we have inclulded a tutorial about how to install it in Wordpress.Drag Scroll Function: grid can be dragged with the mouse/finger or scrolled like a regular HTML page.Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a transparent background under it or media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery background slideshow and opacity also can be modified (optional). lightbox can display images, iframe (html pages) videos loaded YouTube or Vimeo. Also the grid can be set when thumbnail is pressed to do nothing, this way it can be used as a jQuery simple image scroller wall.Iframe support: lightbox can display HTML pages, all you have to do is include link of your page that you want to display. size (width and height) of each iframe (html page) can be set easily.Image support: lightbox can load and display .Zoom and panning support for images: images can be zoomed in and out or paned, this way you can see the image in great detail (optional).Slideshow button (optional). Slideshow autoplay.Slideshow delay: slideshow delay can be set in seconds.Slideshow custom animated graphics.

More Details

16. Easy 360° Product Viewer

featured image

Additionally it has an awesome feature called deep zooming, when image is zoomed it can be viewed in great detail loading a more detailed version of image this way allowing the usage of images slider without compression. Deep zooming, when image is zoomed it can be viewed in great detail loading a more detailed version of image this way allowing the usage of high resolution images without compression (optional feature). The possibility to start at a specific image once all images are loaded. Slideshow button for play or pause automatic rotation of the object. Info window button showing a detailed custom made window which supports unlimited html content. Once created a hotspot can be added on more then one image. Built in tool for finding the correct position of the marker / hotspot on an image . Gestures events support IOS (ipad and iphone) image can be zoomed with two fingers. The social zoom factor can be set allowing to fine tune the level of zoom, this way the image can be zoomed as much as you like

Customizable slideshow rotation speed. Examples files for each skin and display type included, this way html can be copy and pasted into your html page!.

More Details

17. Thumbnail Scroller (with PHP Admin)

featured image

You will be able insert it into your website with an inbuilt HTML code generator.You can add HTML Flash in the thumbnails or the lightbox.You can have a slideshow.

More Details

18. Thumbnail Gallery (with PHP Admin)

featured image

You will be able to insert it into your website with an inbuilt HTML code generator.You can add HTML or Flash.You can change background color, image and transparency in gallery from admin.Easy HTML code generator. * Option to move navigation buttons outside the image. * Caption can be positioned over the image.

More Details

19. HTML5 Slideshow Gallery Thumbnails XML

featured image

What is HTML5 slideshow jQuery Gallery Thumbnails XML?

The HTML5 slideshow code Gallery Thumbnails XML size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add gallery in a place which you have chosen in your website and gallery will adapt. The HTML5 Slideshow Gallery Thumbnails XML comes in with 3 different embed styles: Fixed Dimensions, Full Width and Full Screen. This HTML5 slideshow tutorial Gallery Thumbnails XML plugin can be embedded in WordPress and you will receive, along with download files, the complete instructions in the help file. Bulk image preloader, it’s a feature for fast loading and displaying the photos, the images are loading in the background. Support any type image format, (landscape, portrait or whatever)!

Zoom in zoom out buttons (maximize / minimize) for the big images this buttons allow to maximize the image and pann it with the mouse on desktop and finger on mobile, this feature can be really useful! (optional). Keyboard support you can navigate between the large images or thumbs with the right and left key for the large images and up and down key for the thumbs and start or stop slideshow with the space key. Info button and info window for each image, each image can have a info/description window, this window can be styled with css, it has full css support (optional).The image description/info window is also flexible / fluid, this mean that it will resize to always fit the screen, it dose not matter what device is used or the screen resolution, text will always be visible, if there is too much text on pc scrollbar will appear and mobile text can be scrolled with the finger.

More Details